<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 基础元信息优化 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
    <title>DeepSeek | 深度求索 - 领先的通用人工智能研究</title>

    <!-- SEO优化 -->
    <meta name="description"
          content="深度求索(DeepSeek)专注通用人工智能底层模型研究，提供236B参数大模型，支持64K上下文，在编程、数学领域表现卓越">
    <meta name="keywords" content="深度求索,DeepSeek,AGI,大语言模型,开源模型,LLM,人工智能">

    <!-- 社交媒体优化 -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="DeepSeek | 深度求索 - 领先的通用人工智能研究">
    <meta property="og:description" content="深度求索(DeepSeek)专注通用人工智能底层模型研究，提供236B参数大模型">
    <meta property="og:image" content="https://www.deepseek.com/static/images/logo.png">
    <meta property="og:url" content="https://www.deepseek.com">
    <meta name="twitter:card" content="summary_large_image">

    <!-- 资源预加载优化 -->
    <link rel="preload" href="static/css/styles.css" as="style">
    <link rel="preload" href="static/js/main.js" as="script" defer>
    <link rel="preload" href="static/images/logo.png" as="image"
          imagesrcset="static/images/logo.png 1x, static/images/logo@2x.png 2x">
    <link rel="preconnect" href="https://fonts.googleapis.com">

    <!-- 样式表 -->
    <link rel="stylesheet" href="static/css/styles.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap"
          media="print" onload="this.media='all'">
    <noscript>
        <link rel="stylesheet"
              href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap">
    </noscript>

    <!-- 图标 -->
    <link rel="icon" href="static/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="static/images/apple-touch-icon.png">
</head>

<body>
<header class="header">
    <div class="container">
        <nav class="nav" aria-label="主导航">
            <div class="nav-brand">
                <a href="/">
                    <img src="static/images/logo.png"
                         alt="DeepSeek Logo"
                         class="logo"
                         width="120"
                         height="40"
                         loading="lazy">
                </a>
            </div>
            <button class="mobile-menu-toggle" aria-expanded="false" aria-label="菜单">
                <span></span>
                <span></span>
                <span></span>
            </button>
            <div class="nav-links">
                <a href="#features" class="nav-link">产品特性</a>
                <a href="#research" class="nav-link">研究</a>
                <a href="#about" class="nav-link">关于我们</a>
                <a href="#contact" class="nav-link">联系我们</a>
            </div>
        </nav>
    </div>
</header>

<main id="main-content">
    <section class="hero">
        <div class="container">
            <h1 class="fade-in">探索未至之境</h1>
            <p class="fade-in delay-1">
                深度求索(DeepSeek)，专注于研究世界领先的通用人工智能底层模型与技术，挑战人工智能前沿性难题。
            </p>
            <div class="cta-group">
                <a href="/ai-chat" class="cta-button pulse">开始体验</a>
            </div>
        </div>
    </section>

    <section id="features" class="features" aria-labelledby="features-heading">
        <div class="container">
            <h2 id="features-heading" class="section-title">DeepSeek-V3 的综合能力</h2>
            <div class="feature-grid">
                <article class="feature-card scale-in">
                    <div class="feature-icon" aria-hidden="true">🚀</div>
                    <h3>236B 参数量</h3>
                    <p>64K 上下文支持，处理复杂任务游刃有余</p>
                </article>
                <article class="feature-card scale-in delay-1">
                    <div class="feature-icon" aria-hidden="true">💡</div>
                    <h3>多项评测领先</h3>
                    <p>在主流AI评测榜单中表现优异</p>
                </article>
                <article class="feature-card scale-in delay-2">
                    <div class="feature-icon" aria-hidden="true">🔢</div>
                    <h3>代码与数学</h3>
                    <p>在编程和数学解题领域表现突出</p>
                </article>
            </div>
        </div>
    </section>
</main>

<footer class="footer">
    <div class="container">
        <div class="footer-grid">
            <div class="footer-col">
                <a href="/">
                    <img src="static/images/logo-white.png"
                         alt="DeepSeek Logo"
                         class="footer-logo"
                         width="150"
                         height="50"
                         loading="lazy">
                </a>
                <p>© 2025 杭州深度求索人工智能基础技术研究有限公司 版权所有</p>
            </div>
            <div class="footer-col">
                <h3>研究</h3>
                <ul>
                    <li><a href="#">DeepSeek LLM</a></li>
                    <li><a href="#">DeepSeek Coder</a></li>
                    <li><a href="#">DeepSeek Math</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h3>产品</h3>
                <ul>
                    <li><a href="#">网页版</a></li>
                    <li><a href="#">开放平台</a></li>
                    <li><a href="#">API 价格</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h3>法务 & 安全</h3>
                <ul>
                    <li><a href="#">隐私政策</a></li>
                    <li><a href="#">用户协议</a></li>
                    <li><a href="#">反馈安全漏洞</a></li>
                </ul>
            </div>
        </div>
        <div class="copyright">
            <p>浙ICP备2023025841号 | 浙B2-20250178 | 浙公网安备33010502011812号</p>
        </div>
    </div>
</footer>

<!-- 脚本优化 -->
<script src="static/js/main.js" defer></script>
<!-- 新增性能监控 -->
<script>
    window.addEventListener('load', function() {
        if ('performance' in window) {
            console.log('页面加载时间:', performance.now(), 'ms');
        }
    });
</script>
</body>
</html>